<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="ag" uri="http://www.ag.com/tags/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'roles.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
}
.editDIV,.delDIV{
	text-decoration:underline;
	cursor:pointer;
	color:#330;
}
.myBtn {
	background-image: url(images/bigButton.png);
	cursor: pointer;
	height:30px;
}
</style>
	<link rel="stylesheet" type="text/css" href="tab/css/base.css">
	<link rel="stylesheet" type="text/css"
			href="css/dialog/jquery.ui.all.css" />
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="lzm/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="lzm/js/ajaxUtils.js"></script>
	<script type="text/javascript" src="admin/js/roles.js"></script>
	
	<script type="text/javascript"
			src="js/dialog/jquery.bgiframe-2.1.1.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.button.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.position.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.effects.core.js"></script>
	
  </head>
  
  <body>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="tab/images/tab_03.gif" width="15" height="30" /></td>
        <td width="1101" background="tab/images/tab_05.gif">
        	<img src="tab/images/311.gif" width="16" height="16" /> 
        	<span class="STYLE4">角色列表<span id="rstSP" style="position:absolute;left:40%;background-color:#C90;padding:5px;padding-bottom:0px;display:none"></span>
			</span>
        </td>
        <td width="281" background="tab/images/tab_05.gif">
        <ag:authorize permission="4210">
        <input type="button" value="添加角色" class="myBtn" id="saveRoleBtn">
        </ag:authorize>
        
        </td>
        <td width="14"><img src="tab/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9" background="tab/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table id="lists" width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >
          <thead>
          <tr>
            <td width="20%"   class="tdhead"><div>查看</div></td>
            <td width="40%"  class="tdhead"><div>角色名</div></td>
            <td width="20%"  class="tdhead"><div>编辑</div></td>
            <td width="20%"  class="tdhead"><div>删除</div></td>
          </tr>
          
          <tr id="loadingRole">
		  	<td colspan="9" >
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<img src="tab/images/loading.gif" />
					<span style="margin-left: 15px">正在查询数据，请稍后……</span>
				</div>
			</td>
		  </tr>
		  <tr id="noneRole"  style="display:none">
		  	<td colspan="9" height="18" bgcolor="#FFFFFF">
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<span style="margin-left: 15px">没有相关数据</span>
				</div>
			</td>
		  </tr>
          </thead>
          <tbody id="listRole"></tbody>
        </table></td>
        <td width="9" background="tab/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="tab/images/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="tab/images/tab_21.gif"></td>
        <td width="14"><img src="tab/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>

<div id="dialog-form" title="添加角色" style="display: none">
	<iframe frameborder="0" name="uploadFrame" height="180" width="460" style="margin:0px;padding:0px;"
		scrolling="auto" src="admin/save_role.jsp" id="uploadFrame"></iframe>
</div>
  </body>
</html>
